import React, { Component } from 'react'
import mycontext from './MyContext'
import commonContext from './CommonContext'

// export default class Grandson extends Component {
//   static contextType = mycontext;
//   render() {
//   render() {
//     return (
//       <div>
//         grandson:
//         {
// this.context.age
//         }
//       </div>
//     )
//   }
// }

export default class Grandson extends Component {
  render() {
    return (
      <mycontext.Consumer>
        {
          ({city}) => {
            return (
              <commonContext.Consumer>
                {
                  ({title})=>{
                    return (
                      <div>
                      grandson:
                      {
                        city
                      }
                      title:{title}
                    </div>
                    )
                  }
                }
              </commonContext.Consumer>
             
            )
          }
        }
      </mycontext.Consumer>

    )
  }
}
